<script type="text/javascript" src="${pageContext.request.contextPath}/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css">
<script type="text/javascript">
    SyntaxHighlighter.all();
    var ctx="${pageContext.request.contextPath}";
</script>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<style>
	span.emotion { width: 42px; height: 20px; padding-left: 7px; cursor: pointer }
	span.emotion:hover { background-position: 2px -28px }
	.emoji{
		float: left;
		padding-top: 10px;
	}
</style>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/qqFace/js/jquery.min.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath}/static/qqFace/js/jquery.qqFace.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/comment/js/jquery.flexText.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/message/message.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/comment/css/style.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/comment/css/comment.css">

<div class="data_list" id="messageBox">
	<div class="data_list_title">
		<img src="${pageContext.request.contextPath}/static/images/publish_comment_icon.png"/>
		给他留言
	</div>
	<div class="publish_comment">
			<div class="reviewer">
				如何称呼您：<input type="text" value="${nickName }" name="nickName"  id="nickName" size="10" placeholder="名称必填..."/>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				您的邮箱：<input type="text" value="${email }" name="email"  id="email" size="10" placeholder="您的邮箱..."/>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				验证码：<input type="text" value="${imageCode }" name="imageCode"  id="imageCode" size="5" placeholder="四位数..."/>&nbsp;<img onclick="javascript:loadimage();"  title="点击换一个" name="randImage" id="randImage" src="${pageContext.request.contextPath}/image.jsp" width="60" height="20" border="1" align="absmiddle"> 
			</div>
			
			<div class="comment_area">
				<textarea rows="3" id="content" name="content" placeholder="喜欢就留个言呗...（文明留言，您的鼓励是我前进的动力！）"></textarea>
			</div>
			<div class="emoji">
				<span class="emotion"> <img alt="表情" title="表情" src="${pageContext.request.contextPath}/static/images/happy_face.png"> </span>
			</div>
			<div class="publishButton">
				<button class="btn btn-success" type="button" onclick="submitData()">给他留言</button>
			</div>
	</div>
</div>

<div class="data_list">
	<div class="data_list_title" style="border-bottom:0;">
		<img src="${pageContext.request.contextPath}/static/images/comment_icon.png"/>
		留言信息    <span style="color: #333;font-weight: normal;font-family: '微软雅黑' ">（已有 <span style="color: #E3171B;font-style: italic;" id="totalMessage"></span> 条留言）</span>
		<!-- <span style="float: right;margin-right: 15px;"><a href="#messageBox" class="btn btn-info" style="font-size: 13px;color: #fff;width: 70px;height: 30px;">去留言</a></span> -->
	</div>
	
	<div class="commentAll" id="messageAll">
	    <!--评论区域 begin-->
	    <!-- <div class="reviewArea clearfix">
	        <textarea class="content comment-input" placeholder="Please enter a comment&hellip;" onkeyup="keyUP(this)"></textarea>
	        <a href="javascript:;" class="plBtn">评论</a>
	    </div> -->
	    <!--评论区域 end-->
	    <!--回复区域 begin-->
	    
	    <!--回复区域 end-->
	</div>
	
	<div>
		<nav style="text-align: center;">
			<ul class="pagination pagination-sm" id="pageDiv">
				
			</ul>
		</nav>
	</div>
</div>

